<template>
  <div class="login">
    <h2 style="color: white">宿舍智能监控平台</h2>
    <div class="confirm">
      <h4>注册</h4>
      <el-input class="input" prefix-icon="el-icon-user" v-model="userid" placeholder="请输入内容"></el-input>
      <el-input class="input" prefix-icon="el-icon-lock" placeholder="请输入密码" v-model="password" show-password></el-input>
      <el-input class="input" prefix-icon="el-icon-lock" placeholder="确认密码" v-model="password2" show-password></el-input>
      <el-button style="width: 200px" type="primary">注册</el-button>
      <router-link style="text-decoration: none;margin-top: 20px;color: deepskyblue" to="/login">已有账号，点击此处登录</router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: "register",
  data() {
    return {
      userid: '',
      password:'',
      password2:''
    }
  },
  methods:{

  }
}
</script>

<style scoped>
.login{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  width: 100%;
  background:url("../assets/back.png");
  height:100%;
  position: fixed;
  background-size:100% 100%;
}
.confirm{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  height: 380px;
  background-color:white;
  box-shadow: 0px 0px 5px #c3c3c3;
  margin-top: 20px;
}
.input{
  width: 230px;
  margin-bottom: 25px;
}
</style>
